﻿@model HelloMinasan.Web.Song.ViewModels.ResetPassWord 
@{
    ViewBag.Title = "Reset PassWord";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script type="text/javascript">
    $(document).ready(function () {
        changeall();
    });
    function changeall() {      
        if (document.getElementById("EmailType").checked == true) {
            $(".EmailDiv").show();
            $(".PhoneDiv").hide();
            $("#PhoneNumber").val("0977896565");
            $("#Email").val("");
        }
        else
        {
            $(".EmailDiv").hide();
            $(".PhoneDiv").show();
            $("#Email").val("phamdocaohiep@gmail.com");
            $("#PhoneNumber").val("");
        }
    };
</script>    

<div style="margin:auto; padding: 100px; min-height:500px; text-align:center; vertical-align: middle">
    <div style="width: 360px; min-height: 180px; margin:auto; border: 1px solid blue">
        <h1>Reset PassWord</h1>
        <div>       
        @using (Html.BeginForm("ResetPassWord", "Account", FormMethod.Post))
        {
             <div style=" font: normal 12px arial; color:red; text-align:left;"> 
                @Html.ValidationSummary()
                 @Html.AntiForgeryToken()
            </div>
            <div >
                 @Html.CheckBoxFor(n => n.EmailType, new {@onchange="changeall()",@value=Model.EmailType })
                 @Html.LabelFor(x => x.EmailType, new {@style="font-size: 12px;"}) 
            </div>                      
            <div class="EmailDiv" id="EmailDiv">                
                @Html.TextBoxFor(n => n.Email, new {@placeholder="Enter your email...", style="width:200px;"})
            </div>
            <div id="PhoneDiv" class="PhoneDiv">                
                @Html.TextBoxFor(n => n.PhoneNumber, new {@placeholder="Enter your phone number...", style="width:200px;"})
            </div> 
                    
        <div>
            <div style="margin:auto; width:210px;">
                <input style="float: left" name="btResetpass" value="Sent mail" code="btResetpass" class="button" type="submit" />              
                <input style="float: right" name="btreturn" value="Return home" id="btreturn" class="buttonshow" type="button" onclick="location.href= '/Home/Index'">
            </div>
        </div>
        }
        </div>
    </div>
</div>
